<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
		<script type="text/javascript">
			function arrow(){
				var width = ${"$"}(".procedure").width();
				${"$"}(".direction.right").css("left",(width-75)/2);
				${"$"}(".direction.left").css("left",(width-75)/2+75);
			}
			window.onresize=function(){
				arrow();
			}
			${"$"}(document).ready(function() {
				arrow();
			});
		</script>
    </head>
    <body>
		<!-- 导航 -->
        <@frontCurrentPosition.content curColumn />

        <!-- 列表 -->
        <div class="common-container">
	        <div class="container">
	        	<div class="row">
	            	<div class="common-masonry">
	            		<div class="common-box">
	            			<#list  page.list as contents>
								<#assign className=(contents_index%2 == 0 )?then('right','left')/>
	            				<div class="col-sm-2"></div>
	            				<div class="col-sm-8 procedure border-${contents_index%6} ${className}" style="top:-${contents_index*10}px;">
            						<div class="direction ${className}"><i class="fa fa-caret-${className}"></i><i class="fa fa-caret-${className}"></i></div>
            						<div class="box ${className}">
            							<div class="list ${className}">
            								<div class="title ${className}">${contents.title}</div>
            								<div class="describe ${className}">${contents.description}</div>
            							</div>
            							<div class="number ${className}">${(contents_index lt 9) ?then ('0','')}${contents_index+1}</div>
            							<div class="ico ${className}"><i class="${contents.image}"></i></div>
            						</div>
            					</div>
	            			</#list>
		                </div>
	                </div>
	        	</div>
	        </div>
        </div>

    </body>
</html>
